<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="主界面">
<meta name="keywords" content="主界面">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>随机练题</title>

<!-- Set render engine for 360 browser -->
<meta name="renderer" content="webkit">

<!-- No Baidu Siteapp-->
<meta http-equiv="Cache-Control" content="no-siteapp"/>

<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="source/plugin/tpgao_m/i/app-icon72x72@2x.png">

<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="source/plugin/tpgao_m/i/app-icon72x72@2x.png">

<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="source/plugin/tpgao_m/i/app-icon72x72@2x.png">
<meta name="msapplication-TileColor" content="#0e90d2">

<!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
<link rel="stylesheet" href="css/amazeui.min.css">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/quiz_custom.css">

<!--[if (gte IE 9)|!(IE)]><!-->
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/amazeui.min.js" type="text/javascript"></script>
    <script src="js/randomExercise.js" type="text/javascript"></script>
    <script  type="text/javascript" src="js/quiz_custom.js"></script>
    <!--<![endif]-->
</head>
<body id="index">
<!-- header -->
<header data-am-widget="header" class="am-header am-header-default">
    <div class="am-header-left am-header-nav">
        <a href="/" class="">
            <i class="am-header-icon am-icon-home"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        <a href="#title-link" class="">随机练习 </a>
    </h1>
    <div class="timeshow">
        【<span id="hour_show">00</span>:<span id="minute_show">00</span>:
        <span id="second_show">00</span>】
    </div>
</header>
<!-- end header -->

<nav data-am-widget="menu" class="am-menu  am-menu-dropdown1" data-am-menu-collapse> 
    <a href="javascript: void(0)" class="am-menu-toggle">
        <i class="am-menu-toggle-icon am-icon-list"></i>
    </a>
    <ul class="am-menu-nav am-avg-sm-1 am-collapse">
        <li class="">
        <a href="#" class="" >练习</a>
        </li>
        <li class="">
        <a href="#" class="" >模拟</a>
        </li>
        <li class="">
        <a href="#" class="" >在线考试</a>
        </li>
        <li class="">
        <a href="#" class="" >公告</a>
        </li>
    </ul>
</nav>

<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
                        <div class="am-modal-dialog">
                            <div class="am-modal-hd">
                                                                                    正在载入...
                            </div>
                            <div class="am-modal-bd">
                                <span class="am-icon-spinner am-icon-spin"></span>
                            </div>
                        </div>
</div>
<!-- end nav -->
<div class="my-container">
  <div class="paper" id="paper">
        <div id="p_subject" class="p_subject">
            <span id="questionType">【单选题】</span> <strong id="question"></strong>
        </div>
        <div id="p_data"  class="p_data">
           
            <ul>
                
            </ul>
        </div>      
    </div>
      <div class="answer">
            <button type="button" id="showAnswer" class="am-btn am-btn-secondary am-round" style="float:right"> 查看答案 </button>
            <p id="explain-answer" style="padding-top:40px;padding-left:15px">  </p>
        </div>
    <div class="numbox" id="numbox">
        <div class="summary">
            <span id="summary">总分： 0分</span> 时间： 0分钟</span>
    </div>
    <div id="wrapper">
        <div class="scroller">
            <table id="nobox">
                <tr align="middle">
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>
                </tr>
                <tr align="middle">
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>12</td>
                </tr>
                <tr align="middle">
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>24</td>
                </tr>
                <tr align="middle">
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>30</td>
                </tr>
                <tr align="middle">
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>36</td>
                </tr>
                <tr align="middle">
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>42</td>
                </tr>
                <tr align="middle">
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>48</td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div class="papernav" id="papernav">
    <button type="button" id="preQuestion" class="am-btn am-btn-secondary">上一题</button>
    <button type="button" id="nextQuestion" class="am-btn am-btn-secondary">下一题</button>
    <button type="button"  class="am-btn am-btn-secondary" onclick="nv_click()"><span id="questionLocation"></span><span id="totalQuestion"></span></button>
    <button type="button" class="am-btn am-btn-secondary" id="result">结果</button>
</div>
</div>

<script src="js/jquery.min.js"></script>
<!-- <script src="js/jquery.shCircleLoader-min.js"></script>
<script src="js/bootstrap.min.js"></script> -->
<script src="js/utility.js"></script>
<script src="js/amazeui.min.js"></script>
<script src="js/randomExercise.js" type="text/javascript"></script>
<script>
    $().ready(function(){
        $.fn.random.initial();
    });
</script>

<div class="am-popup" id="my-popup">
  <div class="am-popup-inner">
    <div class="am-popup-hd">
      <h4 class="am-popup-title" id="resultSubject">...</h4>
      <span data-am-modal-close
            class="am-close">&times;</span>
    </div>
    <div class="am-popup-bd" id="resultBody">
      ...
    </div>
  </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="myModal">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="modal-title"></div>
    <div class="am-modal-bd" id="modal-body">
      
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">知道了</span>
    </div>
  </div>
</div>
</body>
</html>

